<template>
  <div>
    <!--Excel流向-->
    <el-form class="filter-form-inline" label-position="left" label-width="130px" size="small">
      <el-row>
        <el-col :span="8">
          <el-form-item label="渠道客户数量："/>
        </el-col>
        <el-col :span="8">
          <el-form-item label="终端数量："/>
        </el-col>
        <el-col :span="8">
          <el-form-item label="总金额："/>
        </el-col>

        <el-col :span="8">
          <el-form-item label="代理营销金额："/>
        </el-col>
        <el-col :span="8">
          <el-form-item label="兼职大包金额："/>
        </el-col>
        <el-col :span="8">
          <el-form-item label="终端直销金额："/>
        </el-col>

        <el-col :span="8">
          <el-form-item label="第1终端金额："/>
        </el-col>
        <el-col :span="8">
          <el-form-item label="第2终端金额："/>
        </el-col>
        <el-col :span="8">
          <el-form-item label="第3终端金额："/>
        </el-col>
        <el-col :span="24">
          <table-view
              :cell-style="cellStyle"
              :data="tableData"
              border
              header-cell-class-name="table-header"
              @row-click="rowClick"
          >
            <el-table-column align="center" fixed="left" label="序号" type="index" width="50"/>
            <el-table-column :min-width="100" align="center" label="营销/配送日期" prop="processDefinitionName"/>
            <el-table-column :min-width="120" header-align="center" label="产品名称" prop="processDefinitionName"/>
            <el-table-column :min-width="120" align="center" label="批准文号" prop="processDefinitionName"/>
            <el-table-column :min-width="100" align="center" label="包装规格" prop="processDefinitionName"/>
            <el-table-column :min-width="100" align="center" label="批号" prop="processDefinitionName"/>
            <el-table-column :min-width="100" align="center" label="营销数量" prop="processDefinitionName"/>
            <el-table-column :min-width="100" align="center" label="最小营销单位" prop="processDefinitionName"/>
            <el-table-column :min-width="120" align="center" label="终端名称" prop="processDefinitionName"/>
            <el-table-column :min-width="120" align="center" label="终端价(元)" prop="processDefinitionName"/>
            <el-table-column :min-width="120" align="center" label="渠道客户名称" prop="processDefinitionName"/>
            <el-table-column :min-width="120" align="center" label="营销模式" prop="processDefinitionName"/>
            <el-table-column :min-width="120" align="center" label="交易价(元)" prop="processDefinitionName"/>
          </table-view>
        </el-col>
      </el-row>

    </el-form>
  </div>
</template>

<script>
import {getCurrentInstance, reactive, toRefs} from 'vue'
import {useRoute, useRouter} from 'vue-router'

export default {
  name: 'ExcelFlow',
  setup() {
    const router = useRouter()
    const route = useRoute()
    var data = reactive({
      tableData: []
    })
    const currentInstance = getCurrentInstance()

    return {
      ...toRefs(data)
    }
  }

}

</script>

<style scoped>
/* @import url(); 引入css类 */
</style>
